<template>
  <div id="app" :class="status ? 'grayscale' : ''">
    <router-view />
  </div>
</template>
<script>
import publicMemorial from '@/api/publicMemorial'
export default {
  name: 'App',
  data() {
    return { status: false }
  },
  mounted() {
    this.queryStatus();
  },
  methods: {
    async queryStatus() {
      let { data } = await publicMemorial.queryStatus()
      this.status = data.status;
    },
  }
}
</script>
<style>
.grayscale {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  -webkit-filter: grayscale(1)
}
</style>
